# tools.styleLoader

- **类型：** `Object | Function`
- **默认值：** `{}`

通过 `tools.styleLoader` 可以设置 [style-loader](https://github.com/webpack-contrib/style-loader) 的配置项。

值得注意的是，Rsbuild 默认不会开启 `style-loader`，你可以通过 [output.injectStyles](/config/output/inject-styles) 配置项来开启它。

## Object 类型

当 `tools.styleLoader` 是一个 object 时，它会与默认配置通过 `Object.assign` 合并。

```js
export default {
  tools: {
    styleLoader: {
      insert: 'head',
    },
  },
};
```

## Function 类型

当 `tools.styleLoader` 是一个 function 时，默认选项会作为第一个参数传入，你可以直接修改这个对象，也可以返回一个新的对象作为最终使用的选项。比如：

```js
export default {
  tools: {
    styleLoader: (config) => {
      config.insert = 'head';
      return config;
    },
  },
};
```
